// 确保在 DOM 完全加载后执行
document.addEventListener('DOMContentLoaded', function () {
    // 为第一个磁贴绑定点击事件
    document.getElementById('getAllBookID').addEventListener('click', function (event) {
        event.preventDefault(); // 防止默认的跳转行为
        // 显示进度条容器
        var progressContainer = this.querySelector('.progress-container');
        progressContainer.style.visibility = 'visible';

        // 使用 Fetch API 异步发送请求
        fetch('getAllBook') // 替换为你的实际 URL
            .then(response => response.json())
            .then(data => {
                // 请求成功后执行
                console.log(data);
            })
            .catch(error => {
                console.error('Error:', error);
                // 请求失败后执行

            });
        //每秒更新获取全本书籍的进度
        let itag = '#' + this.id + ' .progress-container'
        updateProgress(document.querySelector(itag));
    });

});

function updateProgress(btn) {
    fetch('get_progress')
        .then(response => response.json())
        .then(data => {
            const progressText = 'No.' + data.no + ': ' + data.completed + '/' + data.total;

            if (data.total > 0) {
                 btn.querySelector('span').innerText = progressText;
            }
            // const progressContainer = document.querySelector('.progress-container');
            // const spinnerIcon = document.getElementById('spinnerIcon'); // 选择旋转图标
            const spinnerIcon = btn.querySelector('i') // 选择旋转图标==>替代固定的id选择

            // 根据进度状态更新样式
            if (data.completed < data.total || (data.completed === 0 && data.total === 0)) {
                btn.style.visibility = 'visible'; // 显示进度容器
                spinnerIcon.style.color = '#ffcc00'; // 进度未完成时黄色
                spinnerIcon.classList.add('rotating'); // 确保图标旋转
                spinnerIcon.classList.remove('fa-circle-check'); // 移除完成状态图标
                spinnerIcon.classList.add('fa-spinner'); // 确保图标为旋转的spinner
            } else {
                spinnerIcon.classList.remove('rotating'); // 停止旋转
                spinnerIcon.classList.remove('fa-spinner'); // 移除旋转图标fa-solid fa-spinner
                spinnerIcon.classList.add('fa-circle-check'); // 添加完成状态图标
                spinnerIcon.style.color = '#39FF14'; // 进度完成时绿色
            }
            // 如果任务未完成，则继续请求更新
            if (data.completed <= data.total) {
                setTimeout(updateProgress, 3000,btn); // 每1秒更新一次
            }
        })
        .catch(error => console.error('Error:', error));
}